@import "../../../style/theme/default/var.css";

@component-namespace bus {
  @b popover-select {
     @utils-clearfix;
     & .el-badge {
        margin-right: 8px;
        float:left;
      }

      & .el-badge > span{
          display: inline-block;
          text-align: center;
          cursor: pointer;
          width:30px;
          height:30px;
          border-radius: 100%;
          font-size: var(--theme-font-size-small);
          color: var(--color-white);
          background-color: var(--theme-background-color-secondary);
        @when active{
          background-color: var(--theme-color-primary);
        }
      }
      .el-badge__content{
        z-index: 1;
        padding:0 4px;
        @when fixed{
          transform: scale(.9);
          top: -10px;
          right: -10px;
          padding: 0 6px;
          line-height: 16px;
        }
      }

      @e popover{
         background-color:var(--theme-color-primary);
          &.el-popover{
             padding: var(--theme-padding-base) 0 0 var(--theme-padding-base);
            .popper__arrow{
              border-bottom-color: var(--theme-color-primary);
            }
            .popper__arrow:after{
              border-bottom-color: var(--theme-color-primary);
            }
            .tmp-popover-footer{
              padding-right: 10px;
            }


          }
          .el-checkbox-group{
            @utils-clearfix;
            color:var(--color-white);
          }
          .el-checkbox{
            float:left;
            width:100%;
            height:30px;
            color:#fff;
            font-size: 14px;
            padding-right: var(--theme-padding-base);
            @utils-ellipsis;
          }
          .el-checkbox:first-child{
            margin-left: 0;
          }
          .el-checkbox + .el-checkbox{
            margin-left: 0;
          }
          .el-checkbox__label {
            color: var(--color-white);
            font-size: var(--theme-font-size-small);
          }
      }
  }
}
